<!doctype html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>张柳峰--博客首页</title>
		<meta name="Keywords" content="关键词,关键词,关键词"/>
		<meta name="description" content=""/>
		<link type="text/css" rel="stylesheet" href="css/public.css"/>
		<link type="text/css" rel="stylesheet" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	</head>
<body>

<!--top start-->
<!-- <div class="top">
	<div class="top_con">
		<div class="top_con_left">
			<a href="#">
				<img src="images/logocp.jpg"  style="width: 310px;
    height: 33px;
    margin-top: 23px;" alt="个人博客" title="个人博客">
				<img src="images/doname.png"  style="height: 28px;
    margin-left: 118px;
    margin-top: 8px;" 
    alt="zhangliufeng.cn" title="zhangliufeng.cn">
			</a>
			
		</div>
		<div class="top_con_right">
			<p class="pinf">生的再平凡也是限量版</p>
			<p class="jiaz">既然是限量版就该有限量版的价值</p>
			<p class="bulang">By:管理员</p>
			<b>
				<img src="images/top.gif" height="130" alt="刘亦菲相册"title="刘亦菲相册"/>
			</b>
			<img src="images/bor.jpg" style="margin-left: 532px;">

		</div>

	</div>
</div> -->
<!--top end-->
<!--con start-->
<div class="con">
	<!--nav start-->
	<div class="nav">
		<div class="nav_t">
			
		</div>
		<div class="nav_c">
		<a href="#">
			<ul>
						<img src="images/logocp.png"  style="width: 310px;
    height: 33px;
    margin-top: 7px;float: left;" alt="个人博客" title="个人博客">
    </a>
				<li><a href="#" class="on">首页</a></li>
				<li><a href="#">关于我</a></li>
				<li><a href="#">学海无涯</a></li>
				<li><a href="#">点滴记忆</a></li>
				<li><a href="#">有感而发</a></li>
				<li><a href="#">追踪时光</a></li>
				<li><a href="#">留言版</a></li>
			</ul>
		</div>
	</div>
	<div style="border-bottom:1px solid #d2d2d2;width: 1180px;margin-top: 10px;margin-bottom: 10px;"></div>
	<!--nav end-->
	<!--banner start-->
	<div class="banner_left">
		<div class="banner_left_left">
			<ul>
				<li style="display:block;"><img src="images/a1.jpg"></li>
				<li><img src="images/a2.jpg"></li>
				<li><img src="images/a3.jpg"></li>
				<li><img src="images/a4.jpg"></li>
			</ul>
		</div>
		<div class="banner_left_right">
			<div class="hover"><img src="images/hover.png"/></div>
			<ul>
				<li><img src="images/a1_l.jpg"></li>
				<li><img src="images/a2_l.jpg"></li>
				<li><img src="images/a3_l.jpg"></li>
				<li><img src="images/a4_l.jpg"></li>
			<ul>
		</div>
	</div>
	<div class="banner_right">
		<div class="search">
			<input type="text" placeholder="请输入关键词" autofocus/>
			<a href="#">搜索</a>
		</div>
		<div class="lit_nav">
		<!-- 	<div class="borD"><a href="#">前端技术</a></div>
			<div class="borD"><a href="#">SEO技术</a></div>
			<div class="borD"><a href="#">正能量</a></div>
			<div class="borD"><a href="#">程序人生</a></div>
			<div class="borD"><a href="#">股海的经验</a></div>
			<div class="borD"><a href="#">双节棍之道</a></div>
			<div style="clear:both;"></div> -->
			<img src="images/xiezhiban.jpg" width="320" height="250">
			<div class="code">
				毕竟不是作家，写不出那么好的文章。--因为没有丰富阅历和经验！
			</div>
		</div>
		<!-- <div class="tonZ">
			<h3 class="zn_tonZ">站内通知<img src="images/tonZ.gif" width="20"height="20"/></h3>
			<p class="tonZ_con">
				<span>热烈祝贺：</span>步浪个人博客1.0版正式上线，欢迎大家来吐槽，<a href="#">留言</a>你们的建议，浪哥在此拜谢！！
			</p>
		</div> -->
	</div>
	<div style="clear:both;"></div>
	<!--banner end-->
	<!--article start-->
		<div class="article_left">
			<div class="article_tuiJ">
				<h3>文章推荐</h3>
				<p>阅读使人聪明，写作使人智慧</p>
			</div>
			<!-- 首页文章 -->
			<div style="display: block;margin-top: -17px;">
				<div class="article_tit">
					<div class="article_tit_pic"><a href="#"><img src="images/01.jpg"/></a></div>
					<div class="article_tit_txt">
						<h4><a href="#">住在手机里的朋友</a></h4>
						<p><a href="javascript:voide(0)" class="writer">步浪</a><a href="#" class="Clas">学海无涯</a><a href="javascript:voide(0)" class="time">2014-02-19</a><a href="javascript:voide(0)" class="opine">评论（30）</a><a href="javascript:voide(0)" class="look">浏览（459）</a></p>
						<p class="article_con">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<a href="#" class="readAll">阅读全文</a>
					</div>
					<div style="clear:both;"></div>
				</div>
				<div class="article_tit">
					<div class="article_tit_pic"><a href="#"><img src="images/01.jpg"/></a></div>
					<div class="article_tit_txt">
						<h4><a href="#">住在手机里的朋友</a></h4>
						<p><a href="javascript:voide(0)" class="writer">步浪</a><a href="#" class="Clas">学海无涯</a><a href="javascript:voide(0)" class="time">2014-02-19</a><a href="javascript:voide(0)" class="opine">评论（30）</a><a href="javascript:voide(0)" class="look">浏览（459）</a></p>
						<p class="article_con">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<a href="#" class="readAll">阅读全文</a>
					</div>
					<div style="clear:both;"></div>
				</div>
				<div class="article_tit">
					<div class="article_tit_pic"><a href="#"><img src="images/01.jpg"/></a></div>
					<div class="article_tit_txt">
						<h4><a href="#">住在手机里的朋友</a></h4>
						<p><a href="javascript:voide(0)" class="writer">步浪</a><a href="#" class="Clas">学海无涯</a><a href="javascript:voide(0)" class="time">2014-02-19</a><a href="javascript:voide(0)" class="opine">评论（30）</a><a href="javascript:voide(0)" class="look">浏览（459）</a></p>
						<p class="article_con">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<a href="#" class="readAll">阅读全文</a>
					</div>
					<div style="clear:both;"></div>
				</div>
				<div class="article_tit">
					<div class="article_tit_pic"><a href="#"><img src="images/01.jpg"/></a></div>
					<div class="article_tit_txt">
						<h4><a href="#">住在手机里的朋友</a></h4>
						<p><a href="javascript:voide(0)" class="writer">步浪</a><a href="#" class="Clas">学海无涯</a><a href="javascript:voide(0)" class="time">2014-02-19</a><a href="javascript:voide(0)" class="opine">评论（30）</a><a href="javascript:voide(0)" class="look">浏览（459）</a></p>
						<p class="article_con">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<a href="#" class="readAll">阅读全文</a>
					</div>
					<div style="clear:both;"></div>
				</div>
				<div class="article_tit">
					<div class="article_tit_pic"><a href="#"><img src="images/01.jpg"/></a></div>
					<div class="article_tit_txt">
						<h4><a href="#">住在手机里的朋友</a></h4>
						<p><a href="javascript:voide(0)" class="writer">步浪</a><a href="#" class="Clas">学海无涯</a><a href="javascript:voide(0)" class="time">2014-02-19</a><a href="javascript:voide(0)" class="opine">评论（30）</a><a href="javascript:voide(0)" class="look">浏览（459）</a></p>
						<p class="article_con">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<a href="#" class="readAll">阅读全文</a>
					</div>
					<div style="clear:both;"></div>
				</div>
				<div class="article_tit">
					<div class="article_tit_pic"><a href="#"><img src="images/01.jpg"/></a></div>
					<div class="article_tit_txt">
						<h4><a href="#">住在手机里的朋友</a></h4>
						<p><a href="javascript:voide(0)" class="writer">步浪</a><a href="#" class="Clas">学海无涯</a><a href="javascript:voide(0)" class="time">2014-02-19</a><a href="javascript:voide(0)" class="opine">评论（30）</a><a href="javascript:voide(0)" class="look">浏览（459）</a></p>
						<p class="article_con">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<a href="#" class="readAll">阅读全文</a>
					</div>
					<div style="clear:both;"></div>
				</div>
				<div class="article_tit">
					<div class="article_tit_pic"><a href="#"><img src="images/01.jpg"/></a></div>
					<div class="article_tit_txt">
						<h4><a href="#">住在手机里的朋友</a></h4>
						<p><a href="javascript:voide(0)" class="writer">步浪</a><a href="#" class="Clas">学海无涯</a><a href="javascript:voide(0)" class="time">2014-02-19</a><a href="javascript:voide(0)" class="opine">评论（30）</a><a href="javascript:voide(0)" class="look">浏览（459）</a></p>
						<p class="article_con">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<a href="#" class="readAll">阅读全文</a>
					</div>
					<div style="clear:both;"></div>
				</div>
			</div>
		</div>
		<div class="article_right">
		<div class="target">
				<h3>标签云</h3>
				<a href="#">html</a><a href="#">个人博客</a><a href="#">前端开发</a><a href="#">div+css</a><a href="#">javascript</a><a href="#">html5+css3</a><a href="#">百度</a><a href="#">股市</a><a href="#">武魂</a><a href="#">硬汉</a><a href="#">90后</a>
			</div>
			<div class="three_news">
				<p><span class="mous_on">点击排行</span><span class="new_arc">最新文章</span><span>作者推荐</span></p>
				<div class="news_tit">
					<ul>
						<li><i></i><a href="#">111住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
					</ul>
					<ul>
						<li><i></i><a href="#">222住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
					</ul>
					<ul>
						<li><i></i><a href="#">333住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
						<li><i></i><a href="#">住在手机里的朋友</a></li>
					</ul>
				</div>
			</div>
			
		<!-- 	<div class="weixin">
				<h3>微信关注我</h3>
				<img src="images/wx.png"width="250"alt="微信关注我"title="步浪个人博客"/>
			</div> -->
			<div class="new_fk" style="margin-top: -50px;">
				<h3>最近访客</h3>
				<div class="ds-recent-visitors" data-avatar-size="45" data-num-items="12" >
					<img src="images/30.jpg" width="30" height="30" class="img-circle">
					<a href="" style="" class="call_user">张三&nbsp;</a>
				</div>
			</div>
			<div class="friendly_link" style="margin-top: -27px;">
				<h3>友情链接</h3>
				<div class="link_con">
					<a href="www.baidu.com">百度</a><a href="www.baidu.com">天猫</a><a href="www.baidu.com">新浪</a><a href="www.baidu.com">段亮博客</a><a href="www.baidu.com">卢松松博客</a>
					<div style="clear:both;"></div>
				</div>
			</div>
		</div>
		<div style="clear:both;"></div>
	<!--article end-->
	<div style="clear:both;"></div>
</div>
<div class="return_top"><a href="javascript:void(0)"></a></div>
<div class="footer">
	<a href="#">张柳峰个人博客</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;晋ICP备14007548号&nbsp;&nbsp;|&nbsp;&nbsp;
</div>
<!--con end-->
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"3","bdPos":"left","bdTop":"250"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/my.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/mymouse.js" id="mymouse"></script>
</script>

</body>
</html>